<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>课程列表 - 黑龙江大学网络学院</title>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">
</head>
<body>
  <!-- 头部（与首页一致） -->
  <header>
    <div class="container header-inner">
      <div class="logo">
        <img src="image/logo.png" alt="黑龙江大学校徽">
      </div>
    </div>
  </header>

  <!-- 导航栏（与首页一致） -->
  <nav class="nav">
    <div class="container">
      <ul class="nav-list">
        <li><a href="index.html">首页</a></li>
        <li><a href="list.html" class="active">课程列表</a></li>
        <li><a href="#">教学资源</a></li>
        <li><a href="#">师资队伍</a></li>
        <li><a href="#">学院动态</a></li>
        <li><a href="#">关于我们</a></li>
      </ul>
    </div>
  </nav>

  <!-- 主体内容 -->
  <div class="container">
    <div class="main">
      <!-- 侧边栏（与首页一致） -->
      <aside class="sidebar">
        <h3 class="sidebar-title">快速导航</h3>
        <ul class="sidebar-menu">
          <li><a href="#">学院简介</a></li>
          <li><a href="#">培养方案</a></li>
          <li><a href="list.html">网络课程</a></li>
          <li><a href="#">在线学习</a></li>
          <li><a href="#">考试安排</a></li>
          <li><a href="#">学生服务</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </aside>

      <!-- 主内容区 -->
      <div class="content">
        <h2 class="content-title">课程列表</h2>
        
        <!-- 课程表格 -->
        <table class="course-table">
          <thead>
            <tr>
              <th>课程名称</th>
              <th>学分</th>
              <th>学时</th>
              <th>授课教师</th>
              <th>课程状态</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>计算机网络原理</td>
              <td>4</td>
              <td>64</td>
              <td>张教授</td>
              <td>已开课</td>
              <td><a href="detail.html">查看详情</a></td>
            </tr>
            <tr>
              <td>数据结构与算法</td>
              <td>5</td>
              <td>80</td>
              <td>李副教授</td>
              <td>已开课</td>
              <td><a href="detail.html">查看详情</a></td>
            </tr>
            <tr>
              <td>人工智能导论</td>
              <td>3</td>
              <td>48</td>
              <td>王教授</td>
              <td>即将开课</td>
              <td><a href="detail.html">查看详情</a></td>
            </tr>
            <tr>
              <td>数据库系统原理</td>
              <td>4</td>
              <td>64</td>
              <td>赵讲师</td>
              <td>已开课</td>
              <td><a href="detail.html">查看详情</a></td>
            </tr>
            <tr>
              <td>操作系统</td>
              <td>4</td>
              <td>64</td>
              <td>刘教授</td>
              <td>已开课</td>
              <td><a href="detail.html">查看详情</a></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>

  <!-- 页脚（与首页一致） -->
  <footer>
    <div class="container footer-inner">
      <div class="footer-links">
        <a href="#">学院简介</a>
        <a href="#">教学管理</a>
        <a href="#">招生信息</a>
        <a href="#">就业指导</a>
        <a href="#">联系我们</a>
      </div>
      <p class="copyright">© 2023 黑龙江大学网络学院 版权所有 | 地址：黑龙江省哈尔滨市南岗区学府路74号</p>
    </div>
  </footer>
</body>
</html>